<template>
<view>

	<!--首页-广告图--> 
	<view class='ad01'>
	  <image src='/static/tupian/qyln.jpg' mode='widthFix' class='ad01-img'></image>
	</view> 
	
	<!--首页-区块标题-->
	<view class='qukuai'>
	  <view class='qukuai-shuxian'></view>
	  <text class='qukuai-biaoti'>关于我们</text>
	</view>
	
<!--首页-最新资讯-->
	<navigator class='zixun' url="/pages/e/gywm/gywm?id=15&mc=公司介绍">
	  <image src="/static/tupian/02.png" class='zixun_tupian'></image>
	  <text class='zixun_biaoti'>公司介绍</text>
	  <image src='/static/tupian/right.png' class='zixun_tubiao'></image>
	</navigator>
	
	<navigator class='zixun' url="/pages/e/gywm/gywm?id=16&mc=企业文化">
	  <image src="/static/tupian/03.png" class='zixun_tupian'></image>
	  <text class='zixun_biaoti'>企业文化</text>
	  <image src='/static/tupian/right.png' class='zixun_tubiao'></image>
	</navigator>
	
	<navigator class='zixun' url="/pages/e/gywm/gywm?id=17&mc=企业资质">
	  <image src="/static/tupian/04.png" class='zixun_tupian'></image>
	  <text class='zixun_biaoti'>企业资质</text>
	  <image src='/static/tupian/right.png' class='zixun_tubiao'></image>
	</navigator>
		
	<navigator class='zixun' url="/pages/e/gywm/gywm?id=18&mc=联系我们">
	  <image src="/static/tupian/01.png" class='zixun_tupian'></image>
	  <text class='zixun_biaoti'>联系我们</text>
	  <image src='/static/tupian/right.png' class='zixun_tubiao'></image>
	</navigator>	
		
	<navigator class='zixun' url="/pages/e/liuyan/liuyan">
	  <image src="/static/tupian/05.png" class='zixun_tupian'></image>
	  <text class='zixun_biaoti'>留言反馈</text>
	  <image src='/static/tupian/right.png' class='zixun_tubiao'></image>
	</navigator>		
	
	<button type='default' class='dianhua'>点击拨打客服热线</button>
	
</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'e页面'
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style>

/*广告图*/ 

.ad01 {
  margin: 4px;
  box-shadow: 0px 2px 2px gainsboro;
}
 
.ad01-img {
  width: 100%;
}

/*区块标题-最新产品*/

.qukuai {
  display: flex;
  margin: 2px;
  background-color: aliceblue;
  align-items: center;
}

.qukuai-shuxian {
  width: 3px;
  height: 15px;
  background-color: green;
  margin: 5px;
  box-shadow: 2px 2px 2px gainsboro;
}

.qukuai-biaoti {
  color: gray;
  text-shadow: 2px 2px 2px gainsboro;
  flex: 1;
  margin-left: 1px;
  align-self: center;
}

.qukuai-gengduo {
  color: gray;
  text-shadow: 2px 2px 2px gainsboro;
}

/*最新资讯*/

.zixun {
  display: flex;
  border-bottom: 1px solid gainsboro;
  align-items: center;
  padding: 10px;
}
.zixun_tupian{ width: 25px; height: 25px; padding: 3px;}
.zixun_biaoti {
  flex-grow: 1;
  padding: 5px;
  
}

.zixun_tubiao {
  width: 16px;
  height: 16px;
  align-self: center;
}

.dianhua{
  width: 80%;
  margin-top: 25px;
}

</style>
